<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
        <ui:composition template="/templates/template.xhtml">
            <ui:define name="content">
                <a id="instruction_button" onclick="document.getElementById('instruction_box').style.display = 'block'; document.getElementById('blanket').style.display = 'block'"></a>
       
                <h:form>
                    <h:commandLink action="../protected/userAdministration.xhtml" rendered="#{user.findRole()}">Administrer Brukere</h:commandLink>
                    <br/><br/>
                    <h:commandLink action="../protected/taskAdministration.xhtml" rendered="#{user.findRole()}">Administrer Oppgaver</h:commandLink>
                    
                </h:form>
                
                <h:form  style="width: 640px; margin:0 auto; text-align: center;">
                    
                    <h1>Velg rom for &aring; starte spillet</h1>
                    
                    <br/>
                    
                    <h:commandLink actionListener="#{tasks.setCurrentRoom(1)}" action="../protected/taskDisplay.xhtml">
                        <h:graphicImage alt="pluss" url="/resources/images/plus_regular.png"> </h:graphicImage>
                    </h:commandLink>

                    <h:commandLink actionListener="#{tasks.setCurrentRoom(2)}" action="../protected/taskDisplay.xhtml" rendered="#{result.minus}">
                        <h:graphicImage alt="minus" url="/resources/images/minus_regular.png" rendered="#{result.minus}"> </h:graphicImage>
                    </h:commandLink>
                    <h:graphicImage alt="minus" url="/resources/images/minus_blured.png" rendered="#{not result.minus}"> </h:graphicImage>


                    <h:commandLink actionListener="#{tasks.setCurrentRoom(3)}" action="../protected/taskDisplay.xhtml" rendered="#{result.multiply}">
                        <h:graphicImage alt="gange" url="/resources/images/multiply_regular.png" rendered="#{result.multiply}"> </h:graphicImage>
                    </h:commandLink>
                    <h:graphicImage alt="gange" url="/resources/images/multiply_blured.png" rendered="#{not result.multiply}"> </h:graphicImage>

                    <h:commandLink actionListener="#{tasks.setCurrentRoom(4)}" action="../protected/taskDisplay.xhtml" rendered="#{result.divide}">
                        <h:graphicImage alt="dele" url="/resources/images/divide_regular.png" rendered="#{result.divide}"> </h:graphicImage>
                    </h:commandLink>
                    <h:graphicImage alt="dele" url="/resources/images/divide_blured.png" rendered="#{not result.divide}"> </h:graphicImage>

                    
                    
                    <div id="instruction_box">
                        <a onclick="document.getElementById('instruction_box').style.display = 'none'; document.getElementById('blanket').style.display = 'none';"><span class="exit_cross">X</span></a>
                        <div id="instruction_content">                            
                        </div>
                    </div>
                    
                    
                </h:form>
                <br/><br/><br/>

            </ui:define>
        </ui:composition>
    </h:body>
</html>
